<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>{$Config.webname}-后台管理中心登录</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="keywords" content="FastPHP后台管理中心" />
	<meta name="description" content="FastPHP后台管理中心" />
	<meta name="author" content="傅碧林" />
	<meta name="copyright" content="傅碧林版权所有" />
	<!-- App favicon -->
	<link rel="shortcut icon" href="__ADMIN_STATIC__/images/favicon.ico">
	<!-- App css -->
	<link href="__ADMIN_STATIC__/css/icons.min.css" rel="stylesheet" type="text/css" />
	<link href="__ADMIN_STATIC__/css/app.min.css" rel="stylesheet" type="text/css" />
	<link href="__ADMIN_STATIC__/css/default.css" rel="stylesheet" type="text/css" />
	<link href="__ADMIN_STATIC__/css/theme/{$Config.theme_color}.css" rel="stylesheet">
	<script src="__ADMIN_STATIC__/js/jquery-1.10.1.min.js" type="text/javascript"></script>

</head>
<body class="authentication-bg" bind-root="{$BindRoot}">
	<div class="account-pages mt-5 mb-5">
		<div class="container">
			<div class="row justify-content-center">
				<div class="col-lg-5">
					<div class="card">
						<!-- Logo -->
						<div class="card-header pt-2 pb-2 text-center bg-primary">
							<span><img src="__ADMIN_STATIC__/images/logo.png" alt="" height="60"></span>
						</div>
						<div class="card-body p-4">
							<div class="text-center w-75 m-auto">
								<h4 class="text-dark-50 text-center mt-0 font-weight-bold">后台管理中心登录</h4>
								<p class="text-muted mb-4">{$Config.webname}</p>
							</div>
							<!-- form -->
							<form action="#" id="login_frm" method="POST">
								<div class="form-group">
									<label for="emailaddress">您的管理员名称:</label>
									<input class="form-control ipt_check" type="text" id="username" name="username" placeholder="请输入您的管理员名称" data-type="name" data-len="3-20" nullmsg="管理员名不能为空" errormsg="管理员名只能由3到20位的中文、字母、数字组成">
								</div>
								<div class="form-group">
									<label for="password">您的管理密码:</label>
									<input class="form-control ipt_check" type="password" id="password" name="password" placeholder="请输入您的管理密码" data-type="password" data-len="6-20" nullmsg="管理员密码不能为空" errormsg="管理员密码只能由6到20位的字母、数字组成">
								</div>
								<div class="form-group">
									<label for="password">验证码:</label>
									<div class="row">
										<div class="col-8">
											<input class="form-control ipt_check" type="text" id="checkcode" name="checkcode" placeholder="请输入验证码" data-type="string" data-len="4-4" nullmsg="请输入验证码" errormsg="验证码只能由4位的字母、数字组成">
										</div>
										<div class="col-4" style="text-align:left;">
											<a href="javascript:;" class="reload_checkcode_btn" title="点击刷新验证码">
												<img src="{:url('login/showcheckcode')}" class="checkcode"/>
											</a>
										</div>
									</div>
								</div>
								<div class="form-group mb-0 text-center">
									<button class="btn btn-primary btn-block" type="button" id="login_btn">
										<i class="mdi mdi-login"></i> 登录 </button>
								</div>
								<!-- social-->
								<div class="text-center mt-4">
								</div>
							</form>
							<!-- end form-->
						</div> <!-- end card-body -->
					</div>
				</div> <!-- end col -->
			</div>
			<!-- end row -->
		</div>
		<!-- end container -->
	</div>
	<!-- end page -->
	<footer class="footer footer-alt">
		{$Config.sysversion} 后台管理中心
	</footer>
	<!-- App js -->
	<script src="__ADMIN_STATIC__/js/app.min.js"></script>
	<script src="__PLUGIN__/layer/layer.js"></script>
	<script src="__PLUGIN__/layer/extend/layer.ext.js"></script>
	<script src="__ADMIN_STATIC__/js/common.js"></script>
	<script src="__ADMIN_STATIC__/js/login.js" type="text/javascript"></script>
</body>
</html>